﻿var khung;

$(function () {
    khoiTao();
})

function khoiTao() {
    khung = $('#khung-doi-mat-khau');

    khung.find('.bat-buoc').on('change', function () { kiemTraBatBuoc(this) });
    khung.find('.so-sanh').on('change', function () { kiemTraSoSanh(this) });
    khung.find('.so-sanh').each(function () {
        var maDoiTuongSoSanh = this.getAttribute('id');
        $('#' + this.getAttribute('data-sosanh')).on('change', function () { kiemTraSoSanh2(this, maDoiTuongSoSanh) })
    })

    khung.find('form').on('submit', kiemTraHopLe);
}

function kiemTraBatBuoc(sender) {
    if (sender.value == '') {
        $(sender).addClass('loi');
    }
    else {
        $(sender).removeClass('loi');
    }
}

function kiemTraSoSanh(sender) {
    var doiTuongSoSanh = $('#' + sender.getAttribute('data-sosanh'))[0];
    if (sender.value != doiTuongSoSanh.value) {
        $(sender).addClass('loi');
        $(sender).after('<article class="alert">Mật khẩu chưa trùng khớp</article>');
    }
    else {
        $(sender).removeClass('loi');
        $(sender).siblings('.alert').remove();
    }
}

function kiemTraSoSanh2(sender, maDoiTuongSoSanh) {
    var doiTuongSoSanh = $('#' + maDoiTuongSoSanh)[0];
    if (doiTuongSoSanh.value != '' && sender.value != doiTuongSoSanh.value) {
        $(doiTuongSoSanh).addClass('loi');
        $(doiTuongSoSanh).after('<article class="alert">Mật khẩu chưa trùng khớp</article>');
    }
    else {
        $(doiTuongSoSanh).removeClass('loi');
        $(doiTuongSoSanh).siblings('.alert').remove();
    }
}

function kiemTraHopLe() {
    khung.find('.bat-buoc').each(function () {
        if (this.value == '') {
            $(this).addClass('loi');
        }
    });

    if ($('.loi').length > 0) {
        window.event.preventDefault();
    }
}